.hide{
	display:none;
}

body{
	overflow: hidden;
}
#img{
	position: relative;
	opacity:0;
	top: 150px;
	padding-top: 100px;
	text-align:center;
	animation:down 1s ease-out forwards;
	animation-delay:1s;
}
#link-part{
	position: relative;
	opacity:0;
	top:150px;
	display: flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content: center;
	align-items: center;
	height: 200px;
	animation:down 1s ease-out forwards;
	animation-delay:2s;
}
#link-part>div{
	position: relative;
	border:2px solid white;
	margin-left: 50px;
	margin-right: 50px;
	box-shadow:0 0 15px white;
	width: 140px;
	height: 140px;
	border-radius: 70px;
	line-height: 140px;
	text-align: center;
	font-size:22px;
	color: white !important;
	background:rgba(255,255,255,.2);
	cursor: pointer;
}
#link-part>div{
}
#link-part>div>a{
	color: #fff;
	text-decoration: none;
}
#link-part>div:hover{
	animation: link 0.8s linear forwards;
}

@keyframes down{
	from{
		opacity:0;
		top:150px;
	}
	to{
		opacity:1;
		top:0;
	}
}
@keyframes downs{
	0%{
		opacity:0;
		top:150px;
		transform:rotate(0deg);
	}
	50%{
		opacity:0.5;
		top:75px;
		transform:rotate(180deg);
	}
	100%{
		opacity:1;
		top:0;
		transform:rotate(360deg);
	}
}
@keyframes link{
	0%{
		border:2px solid #fff;
		box-shadow:0 0 15px #fff;
		transform:rotate(0deg);
	}
	50%{
		border:2px solid rgba(33,33,33,.6);
		box-shadow:0 0 15px rgba(33,33,33,.6);
		transform:rotate(180deg);
	}
	100%{
		border:2px solid #fff;
		box-shadow:0 0 15px #fff;
		transform:rotate(360deg);
	}
}